﻿@model TuanAnhPersonalWeb.Models.Contact

@{
    ViewBag.Title = "Contact";
    Layout = "~/Views/Shared/_Layout1.cshtml";
}

<script type="text/javascript">
    var menus = $('div.menu');
    menus.eq(5).addClass('menu_selected');
</script>
<div id="slideproject">
    <div style="height: 13px;"><img src="/images/module-top-bg1.png" alt="top_bgcontent"/></div>
    <div id="bg_slideproject" style="overflow:auto">
    <div class="title" style="text-align:center; width:auto; font-weight:bold; padding-top: 10px">Find Us</div><br />
    <div style="float:left; width:450px; padding:5px; height:300px; margin-left:30px; background-color:gray; border-radius:5px; "> 
       <iframe style="border-radius:5px; " src="http://www.map-generator.org/b03e305c-08a2-4be0-8b0b-bbd5d2edd712/iframe-map.aspx" scrolling="no" height="300px" width="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
    </div>
    <div style="float:left; width:400px; margin-left:20px; margin-top:10px; color:LightGray">
        Không gian sống ngụ tại số 48 đuồng Nam kỳ Khởi Nghĩa Thành Phố Vũng Tàu, 
        nằm ngay mặt tiền và trung tâm thành phố, rất thuận tiện cho quý khách hàng.
        <br /><br />
        <table>
            <tr>
                <td style="color:White"><b>Địa Chỉ:</b></td><td>48 Nam Kỳ Khởi Nghĩa,Thành Phố Vũng Tàu</td>
            </tr>
             <tr>   
                <td style="color:White"><b>Telephone:</b></td><td>+933876089</td>
            </tr>
            <tr>
                <td style="color:White"><b>Landline:</b></td><td>+933455576</td>
            </tr>
            <tr>
                <td style="color:White"><b> Fax:</b></td><td></td>
            </tr>
        </table>
        <br />
        <b style="color:White">Email:</b> trongnghia206@yahoo.com, sir.tini@yahoo.com
      
    </div>
    </div>
    <div><img src="/images/mainbody-bg-bottom1.png" alt=""/></div>
</div>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div>
    <a class="title" style="margin-left: 30px;">Get In Touch</a>
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
        <div id="ct_contact">
            <div class="editor-field">
                @Html.TextBoxFor(model => model.Client, new {placeholder = "Name*:"})
                @Html.ValidationMessageFor(model => model.Client)
            </div>

            <div class="editor-field">
                @Html.TextBoxFor(model => model.Email, new {type= "email", placeholder = "Email*:"})
                @Html.ValidationMessageFor(model => model.Email)
            </div>

            <div class="editor-field">
                @Html.TextBoxFor(model => model.ContentName, new { placeholder = "Content Name *:" })
                @Html.ValidationMessageFor(model => model.ContentName)
            </div>

            <div class="editor-field">
                @Html.TextAreaFor(model => model.Content, new { placeholder = "Content" })
                @Html.ValidationMessageFor(model => model.Content)
            </div>
            <div class="button">
                <div >
                    <button id="btnclear" class="btn_submit">Clear</button>
                </div>
                <div >
                    <button id="btn"  type="submit" class="btn_submit">Send</button>
                </div>    
            </div>
        </div>    
    }
</div>